<div class="wrap cfix">
<div class="main-cont innerWrap">
  <div id="content">
    <div class="homelink" style="margin-top:10px;">&spades; <a href="<?php echo base_url(); ?>">Trang chủ</a> &raquo; <a href="<?php echo base_url(); ?>dang-ky.html">Đăng ký</a> </div>
    <div class="section sec_home_brand">
    <div id="ferorrs" style="display: none;width:680px;margin:5px auto"></div>
		<script type="text/javascript">
		  $(document).ready(function(e) {
			//$("input").focus(function(){$("#ferorrs").hide();});
		  });
		  $(document).on("click","#okie",function(){
			  $user = $("#username").val();$repass = $("#repass").val();
			  $pass = $("#userpass").val();$fullname = $("#fullname").val();
			  $phone = $("#userphone").val();$email = $("#useremail").val();
			  $address = $("#address").val();$error = $("#ferorrs");
			  $gender = $("#gender").val(); $captcha = $("#captcha").val();
			  //$error.html("<img src='<?php echo base_url(); ?>public/images/ajax-loader.gif' />");
			  if($user == "" || $pass == "" || $fullname == "" || $email == "" || $captcha == ""){
				  $error.show().html("Vui lòng nhập đầy đủ thông tin, trường <span style='color:#f00;font-weight:bold'>(*)</span> là bắt buộc").stop().fadeIn().delay(3000).fadeOut('slow');
				  return false;
			  }else{
				  if($user.length < 3){$error.show().html("Tên tài khoản nhiều hơn 3 ký tự");$("#username").focus(); return false;}
				  if($pass != $repass){$error.show().html("Nhập lại mật khẩu chưa đúng!");$("#userpass").focus();return false;}
				  jQuery.post("<?php echo base_url(); ?>home/users/ajax",{name:$user,pass:$pass,fullname:$fullname,email:$email,phone:$phone,address:$address,gender:$gender,captcha:$captcha},function(result){
					 if(result == "haanhdon"){ 
						//alert(result); return false;
						 $error.show().html("<img src='<?php echo base_url(); ?>public/images/ajax-loader.gif' />");
						 setTimeout(function(){
							 $error.show().html("<span style='color:green;font-weight:bold'>Đăng ký thành công, một email đã gửi đến mail của bạn vui lòng kích hoạt tài khoản để đăng nhập</span>");
							 $("#username").val("");$("#userpass").val("");$("#repass").val("");$("#fullname").val("");$("#userphone").val("");$("#useremail").val("");$("#captcha").val("");
						 },7000);
					 }else{
						 $error.show().html(result);
					 }
				  });
			  }
			  return false;
		  });
		</script>
      <form action="javascript:void(0)" method="post">
        <table cellpadding="4" cellspacing="0" class="tbl_regist">
          <tr class="title_table">
            <td colspan="2" class="fieldheader"><img src="<?php echo base_url(); ?>public/images/icon_people_regist.png"/>Thông tin đăng nhập</td>
          </tr>
          <tr>
            <td width="200px">Tên tài khoản</td>
            <td><input type="text" id="username" class="boxInput" size="20"   value=""/>
              <b style="color: #ff0000;">*</b> <span id="check_user"></span></td>
          </tr>
          <tr>
            <td>Mật khẩu</td>
            <td><input type="password" id="userpass" class="boxInput" size="20" />
              <b style="color: #ff0000;">*</b> <span class="explain"></span></td>
          </tr>
          <tr>
            <td>Nhập lại mật khẩu</td>
            <td><input type="password" id="repass" class="boxInput" size="20" />
              <b style="color: #ff0000;">*</b> <span class="explain"></span></td>
          </tr>
        </table>
        <table class="tbl_regist" cellpadding="4" cellspacing="0">
          <tr class="title_table">
            <td colspan="2" class="fieldheader"><img src="<?php echo base_url(); ?>public/images/icon_info_regist.png"/>Thông tin cá nhân</td>
          </tr>
          <tr>
            <td>Họ và tên</td>
            <td><input type="text" id="fullname" class="boxInput" size="40"  value=""/>
              <b style="color: #ff0000;">*</b>
            </td>
          </tr>
          <tr>
            <td width="200px">Ảnh đại diện (nếu có)</td>
            <td><input type="file" name="avatar" id="avatar" class="boxInput" size="40"  value=""/>
              (dung lượng file tối đa 100KB, ảnh PJG hoặc GIF)
            </td>
          </tr>
          <tr>
            <td>Giới tính</td>
            <td>
				<select name="gender" id="gender">
					<option value="1">Nam</option>
					<option value="0">Nữ</option>
				</select>
            </td>
          </tr>
          <tr>
            <td>Tỉnh/Tp</td>
            <td>
            	<select name="province">
				  <option value="1">Hà nội</option>
				  <option value="2">TP HCM</option>
				  <option value="5">Hải Phòng</option>
				  <option value="4">Đà Nẵng</option>
				  <option value="6">An Giang</option>
				  <option value="7">Bà Rịa-Vũng Tàu</option>
				</select>
            </td>
          </tr>
          <tr>
            <td>Điện thoại di động</td>
            <td><input type="text" id="userphone" class="boxInput" size="40"  value=""/> <b style="color: #ff0000;">*</b></td>
          </tr>
          <tr>
            <td>Địa chỉ email</td>
            <td><input type="text" id="useremail" class="boxInput" size="50"  value=""/> <b style="color: #ff0000;">*</b></td>
          </tr>
          <tr>
            <td>Mã bảo mật</td>
            <td><img src="<?php echo base_url()."home/ran_image"; ?>"/></td>
          </tr>
          <tr>
            <td>Nhập mã bảo mật</td>
            <td><input type="text" size="10" id="captcha" /></td>
          </tr>
         <tr>
        <td></td>
        <td> <b style="color: #ff0000;">(*)</b> Thông tin bắc buộc </td>
      </tr>
      <tr>
        <td></td>
        <td><input type="submit" id="okie" value="Đăng ký"  class="button_register"/></td>
      </tr>
        </table>
      </form>
      </div>
    <!--section--> 
  </div>
</div>